﻿@charset "utf-8";
/* CSS Document */

*{padding:0;margin:0;}
html,body{height:100%;}
body{background-repeat:no-repeat;overflow:hidden;}
.block{display:block;}
.none{display:none;}

.loginbg{position:absolute;top:0;left:0;width:100%;z-index:-99999;}

.userlogin{position:absolute;width:100%;top:22%;}
.userlogin .loginbox{width:360px;height:400px;margin:0 auto;background:rgba(255,255,255,0.5);border-radius:5px;}
.userlogin .loginbox .title{height:40px;}
.userlogin .loginbox .title .name{float:left;padding:10px 0 0 10px;}
.userlogin .loginbox .title .logo{float:right;padding:10px 10px 0 0;}
.userlogin .loginbox .login{height:310px;padding-top:10px;overflow:hidden;}
.userlogin .loginbox .login .tab{height:21px;text-align:center;padding-bottom:10px;border-bottom:#ccc 1px solid;}
.userlogin .loginbox .login .tab li{display:inline-block;font-size:16px;}
.userlogin .loginbox .login .tab li.tabline{width:1px;height:12px;background:#ccc;margin:0 30px;}
.userlogin .loginbox .login .tab li.tab1{width:70px;cursor:pointer;}
.userlogin .loginbox .login .tab li.tab2{width:70px;cursor:pointer;}
.userlogin .loginbox .login .tab li.active{color:rgba(0,120,255,0.8);font-weight:bold;}
.userlogin .loginbox .login .tabbox{height:258px;margin:10px;}

.userlogin .loginbox .bottom{border-top:#cccccc 1px solid;padding:8px 0;overflow:hidden;}
.userlogin .loginbox .bottom .wx{background:url(../images/logo-wx.png) no-repeat 0 2px;height:20px;float:right;margin-right:10px;}
.userlogin .loginbox .bottom .wx span{font-size:12px;padding-left:22px;color:#333333;}

.copyright{position:absolute;width:100%;bottom:30px;}
.copyright .text{width:500px;margin:0 auto;text-align:center;background:rgba(0,0,0,0.5);border-radius:5px;padding-bottom:10px;}
.copyright .text p{color:#fff;font-size:12px;padding-top:10px;}

.log-code{width:340px;height:258px;}
.log-code-img{position:relative;height:220px;overflow:hidden;}
.log-code-left{width:170px;height:170px;position:absolute;left:50%;top:25px;margin-left:-85px;transition:all 0.3s linear 0.1s;-webkit-transition:all 0.3s linear 0.1s;-moz-transition:all 0.3s linear 0.1s;-o-transition:all 0.3s linear 0.1s;overflow:hidden}
.log-code-img img{max-width:100%;display:block;margin:auto;}
.log-code-right{position:absolute;top:25px;right:0;width:150px;height:170px;overflow:hidden;transition:all 0.3s linear 0.1s;-webkit-transition:all 0.3s linear 0.1s;-moz-transition:all 0.3s linear 0.1s;-o-transition:all 0.3s linear 0.1s;visibility:hidden;opacity:0;}
.log-code-left.active{left:0;margin-left:0;}
.log-code-right.active{visibility:visible;opacity:1;}
.log-code-title{text-align:center;font-size:16px;color:#333;}
.log-code-title span{color:#f00}
.log-code-left iframe {width:170px !important;height:170px !important;}


.log-from{position:relative;padding-top:45px;margin:auto 5%}
.log-from-title{position:absolute;left:0;top:5px;border:solid 1px rgba(32,85,165,0.8);width:100%;background:rgba(255,255,255,0.4);padding:5px 15px;font-size:0.725rem;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;color:#ff0000;display:none;}
.log-from-input{border:solid 1px rgba(32,85,165,0.8);position:relative;margin-bottom:40px;height:34px;}
.log-from-input i{width:38px;height:32px;border-right:solid 1px #dcdcdc;position:absolute;left:0;top:0;background:rgba(255,255,255,0.4)}
.log-from-input input{position:absolute;left:50px;top:0;border:none;height:32px;background:none;width:calc(100% - 50px);outline:none;color:#000;font-size:14px;}
.log-from-Account i{background:rgba(255,255,255,0.4) url(../images/ico_1.png) no-repeat center}
.log-from-password i{background:rgba(255,255,255,0.4) url(../images/ico_2.png) no-repeat center}

.log-from-button{text-align:center;margin-top:40px;}
.log-from-button button{background:rgba(0,120,255,0.7);height:36px;line-height:36px;text-align:center;font-size:16px;color:#fff;outline:none;width:50%;border-radius:5px;border:none;}